{% extends "base.html" %}
{% block title %}{{ it.name }} · Kennel Card · {{ app_name }}{% endblock %}
{% block body %}
<h1>🪪 {{ it.name }} <small class="hint">on your Kennel Card · <a href="/kit/item/{{ it.id }}">the kit item</a> · <a href="/kennel-card">Kennel Card</a></small></h1>

<form method="post" action="/kennel-card/item/{{ uid }}" class="stack">
<input type="hidden" name="_t" value="{{ form_token('kennelcard.item') }}">

<section class="card">
  <h2>What strangers read</h2>
  <p class="hint">Ticking this item on a view puts its name and kind on the page. Everything here is extra, and
    your kit notes never go on a page.</p>
  <label>{{ 'Why you want it' if it.status == 'wishlist' else 'A few words about it' }}
    <textarea name="blurb" rows="3" maxlength="{{ text_max }}">{{ f.blurb }}</textarea></label>
  <label>Where to get one <input type="url" name="shop_url" value="{{ f.shop_url }}" placeholder="https://…" maxlength="500"></label>
  <label>Shop name on the button <input name="shop_label" value="{{ f.shop_label }}" maxlength="60" placeholder="Where to get one"></label>
  <label class="check"><input type="checkbox" name="referral" value="1" {{ 'checked' if f.referral }}> it's my referral link
    <small class="hint">the page says so next to the button</small></label>
  <label class="check"><input type="checkbox" name="show_specs" value="1" {{ 'checked' if f.show_specs }}> show its specs
    <small class="hint">sizes, material and the like. Text fields like brand or engraving never show</small></label>
  <label class="check"><input type="checkbox" name="show_price" value="1" {{ 'checked' if f.show_price }}> show its price
    {%- if it.cost_cents is none %} <small class="hint">none recorded on the kit item</small>{% endif %}</label>
  {%- if it.status == 'wishlist' %}
  <label>How much you want it <select name="priority">
    {%- for n, l in [(0, '—'), (1, 'want most'), (2, 'would love'), (3, 'someday')] %}<option value="{{ n }}" {{ 'selected' if f.priority == n }}>{{ l }}</option>{% endfor %}
  </select></label>
  {%- else %}
  <input type="hidden" name="priority" value="0">
  <label class="check"><input type="checkbox" name="favourite" value="1" {{ 'checked' if f.favourite }}> ⭐ a favourite</label>
  {%- endif %}
</section>

<section class="card">
  <h2>Which views show it</h2>
  {%- for v in views %}
  <label class="check"><input type="checkbox" name="view" value="{{ v.id }}" {{ 'checked' if v.id in on }}> {{ v.name }}</label>
  {%- else %}<p class="hint">No views yet — <a href="/kennel-card#views">make one</a>.</p>{%- endfor %}
  <p class="hint">Photos are ticked on each view's own page.</p>
</section>

<button class="primary">Save</button>
</form>
{% endblock %}